<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta content="telephone=no" name="format-detection" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="renderer" content="webkit" />
	<!--360自动切换极速-->
	<meta name="apple-mobile-web-app-title" content="标题" />
	<meta name="format-detection" content="telephone=no" />
	<!--阻止iphone识别为电话-->
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/swiper.min.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/global.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/index.css" />
	<style>

	</style>
	<title>DAN潜水</title>
</head>

<body>
<div class="container">
	@include("/include/header.html"){}
	<div class="search-top">
		<a href="${ctxPath}/"><button class="btn">返回首页</button></a>
		<div class="right">
			<form id="searchForm" method="post">
				<input type="text" name="searchKey" value="${searchKey!}" placehodler="搜索..." id="searchKeyInput">
				<object data="${ctxPath}/image/btn_search.svg" type="image/svg+xml"></object>
			</form>
		</div>
	</div>

	<div class="health-list">
		<h6 class="dan-sub-tit" style="font-size:20px">常见问题</h6>
		@ if(articlePage.total == 0){
		暂无数据
		@}else{
		@ for(article in articlePage.list!){
		<div class="dan-ques">${article.title!}</div>
		<div class="dan-answ">${article.outline!}</div>
		@}
		@}
	</div>

	@ if(articlePage.total > 0){
	<nav aria-label="" class="dan-pagination">
		<ul class="pagination">
			@if(articlePage.isFirstPage){
			<li class="disabled">
				<a href="#" aria-label="Previous">
					<span aria-hidden="true"><</span>
				</a>
			</li>
			@ }else{
			<li>
				<a href="${getWebUrl(request,'pg',articlePage.prePage!1)}" aria-label="Previous">
					<span aria-hidden="true"><</span>
				</a>
			</li>
			@ }
			@for (num in articlePage.navigatepageNums!){
			<li ${articlePage.pageNum == num ? 'class="active"' : ''}>
			<a href="${getWebUrl(request,'pg',num)}">${num}</a>
			</li>
			@}
			@if(articlePage.isLastPage){
			<li class="disabled" >
				<a href="#" aria-label="Next">
					<span aria-hidden="true">></span>
				</a>
			</li>
			@}else{
			<li>
				<a href="${getWebUrl(request,'pg',articlePage.nextPage!1)}" aria-label="Next">
					<span aria-hidden="true">></span>
				</a>
			</li>
			@}
		</ul>
	</nav>
	@}
	@include("/include/footer.html"){}
</div>

<script src="${ctxPath}/js/swiper.min.js"></script>
<script>
	$(document).ready(function(){
		var url = window.location.href;
		$('#searchKeyInput').keydown(function(event){
			if(event.keyCode==13){
				$('#searchForm').attr("action", url);
				$('#searchForm').submit();
			}
		});
	});
</script>
</body>

</html>